body,p,h1,br,hr,h2,h3,h4,h5,ul,li,ol,dl,dt,dd,input,button,img,form,table,fieldset,legend{margin:0;padding:0;}
ul,li,ol{list-style:none;}
a{display:inline-block;text-decoration:none;color:#333;}
img{border:none;}
body,html{min-height:100%;}
body{font-size:14px;color:#333;line-height:1.5;font-family:'Microsoft YaHei', '微软雅黑', Helvetica, Tahoma, Arial, SimSun, '宋体', Heiti, '黑体', sans-serif;}
span,i,b {display: inline-block;}

/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

/* 定义滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

/* 定义滑块 */
::-webkit-scrollbar-thumb {
  background-color: #eee;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
::-webkit-scrollbar-thumb:active {
  background-color: #888;
}

.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.clear::after {
    content: '';
    display: block;
    clear: both;
}
.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

/*公共margin/padding*/
.com-mr10 { margin-right: 10px !important; }
.com-ml10 { margin-left: 10px !important; }
.com-mt10 { margin-top: 10px !important; }
.com-mb10 { margin-bottom: 10px !important; }
.com-mr20 { margin-right: 20px !important; }
.com-ml20 { margin-left: 20px !important; }
.com-mt20 { margin-top: 20px !important; }
.com-mb20 { margin-bottom: 20px !important; }
.com-mr30 { margin-right: 30px !important; }
.com-ml30 { margin-left: 30px !important; }
.com-mt30 { margin-top: 30px !important; }
.com-mb30 { margin-bottom: 30px !important; }
.com-pr10 { padding-right: 10px !important; }
.com-pl10 { padding-left: 10px !important; }
.com-pt10 { padding-top: 10px !important; }
.com-pb10 { padding-bottom: 10px !important; }
.com-pr20 { padding-right: 20px !important; }
.com-pl20 { padding-left: 20px !important; }
.com-pt20 { padding-top: 20px !important; }
.com-pb20 { padding-bottom: 20px !important; }
.com-pr30 { padding-right: 30px !important; }
.com-pl30 { padding-left: 30px !important; }
.com-pt30 { padding-top: 30px !important; }
.com-pb30 { padding-bottom: 30px !important; }


/*公共主内容 白色背景包裹层*/
.com-main {
  padding: 20px;
  background: #fff;
  min-height: 400px;
}

/*表单*/
.com-form {
  padding: 0 10px 12px;
}

/*操作*/
.com-handle {
  padding-bottom: 15px;
}


/*百分比宽度*/
.pw-100 {width: 100% !important;}

/*单位盒子*/
.unit-box {
  position: relative;
  padding-right: 20px;
  box-sizing: border-box;
  .text {
    position: absolute;
    right: 0;
  }
}

// 公共表格样式
.com-table-wp {
  min-height: 450px;
  // 表格操作盒子
  .com-td-hd-box {
    text-align: center;
    & > *:not(:last-child) {
      margin-right: 10px;
    }
  }
  /*加载中*/
  & > .el-loading-mask > .el-loading-spinner {
    top: 250px;
    margin-top: 0;
  }
}
// 操作盒子
.com-hd-box {
  margin-bottom: 15px;
}
// 当前选择项盒子
.com-check-box {
  margin-bottom: 15px;
  padding: 7px 15px 7px 37px;
  background: #e6f7ff;
  border: 1px solid #91d5ff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 24px;
  &:after {
    content: '';
    display: block;
    clear: both;
  }
  .text {
    float: left;
  }
  .btn {
    float: left;
    margin-right: 10px;
  }
}

/*批量操作按钮*/
.com-batch-btn {
  min-width: 97px;
  box-sizing: border-box;
}


/*公共表单样式*/
.el-form {
  &.item-mb30 {
    .el-form-item {
      margin-bottom: 30px;
    }
  }
  &.item-mr-15 {
    .el-form-item {
      margin-right: 15px;
    }
  }
}

